import React,{useState} from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
// ReactDOM.createRoot(document.getElementById('root')).render(
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>
// )
// root 节点 根节点
// root 节点范围内react起作用
//htmml ->js
// jsx js扩展语法 ，只在react才可以生效
// react 用来表达UI组件
// JSX 优点 UI
// jsx 不能用 得到className
// js class 关键字
let name = 'gch'
// JSX 模板
const element = <h1 className='nie-bd'>Hello World !, {name}</h1>;
// 自定义组件
const Hello = () => {
  // JSX
  return <div>hello {name}</div>
}
// obj Proxy
let dateStr = new Date().toLocaleTimeString();
setInterval(()=>{
   dateStr = new Date().toLocaleTimeString();
},1000)
ReactDOM.createRoot(document.getElementById('root')).render(
 // element
 //<Hello>gch</Hello>
 <div>
 <h1>Hello,world</h1>
 <h2>现在是  {dateStr}</h2>
 </div>
)
